<template>
  <div>
    <div class="wrapper">
       <search :model="model"/>
       <searchResult></searchResult>
    </div>
  </div>
</template>

<script>
import search from './components/search/template.vue'
import searchResult from './components/searchresult/template.vue'

export default {
  name: 'App',
  components: {
    search,
    searchResult
},
  data(){
    return{
      model:{
        //后端给默认值
          showTitle:true,
          title:'根据关键词检索药品',
          searchKey:'',
          inputWidth:410,
          placeholder:'请输入关键词',
          btnText:'检索',
          btnWidth:56,
          showResult:true,
          totalNum:15,
          marginTop:10,
          marginBottom:10
       }
    }
  },

}
</script>



<style scoped>
.wrapper{
  height: 300px;
  width: 60vw;
  padding: 100px;
  background-color: beige;
  margin: 100px auto;
}
</style>
